<template>
  <el-tabs v-model="currentTab">
      <el-tab-pane label="概览" name="1">
          <el-tabs type="border-card" v-model="overviewTab">
              <el-tab-pane label="普通局" name="1">
                  <commonOverview />
              </el-tab-pane>
              <el-tab-pane label="大神局" name="2">
                  <legendaryOverview :currentTab="overviewTab"/>
              </el-tab-pane>
          </el-tabs>
      </el-tab-pane>
      <el-tab-pane label="活跃明细" name="2">
        <el-tabs type="border-card" v-model="activeTab">
            <el-tab-pane label="活跃汇总" name="1">
                <commonSummary :tabIndex="currentTab" :activeTab="activeTab"/>
            </el-tab-pane>
            <el-tab-pane label="各行为活跃" name="2">
                <conductActive :tabIndex="activeTab"/>
            </el-tab-pane>
        </el-tabs>
      </el-tab-pane>
      <el-tab-pane label="新增明细" name="3"><addDetail :tabIndex="currentTab"/></el-tab-pane>
      <el-tab-pane label="组队留存" name="4"><teamRetained :tabIndex="currentTab"/></el-tab-pane>
      <el-tab-pane label="队长行为" name="5">
        <el-tabs type="border-card" v-model="captainTab">
            <el-tab-pane label="队长活跃" name="1"><captainActive :tabIndex="currentTab"/></el-tab-pane>
            <el-tab-pane label="队长新增" name="2"><captainAdd :tabIndex="captainTab"/></el-tab-pane>
            <el-tab-pane label="累计" name="3"><captionCumulative :tabIndex="captainTab"/></el-tab-pane>
        </el-tabs>
      </el-tab-pane>
  </el-tabs>
</template>
<script>
import commonOverview from './component/commonOverview'
import legendaryOverview from './component/legendaryOverview'
import conductActive from './component/activeDetail/conductActive'
import commonSummary from './component/activeDetail/commonSummary'
import captainActive from './component/captain/captainActive'
import captainAdd from './component/captain/captainAdd'
import captionCumulative from './component/captain/captionCumulative'
import addDetail from './component/addDetail'
import teamRetained from './teamRetained'
export default {
  components: {
      commonOverview,
      legendaryOverview,
      conductActive,
      commonSummary,
      captainActive,
      captainAdd,
      captionCumulative,
      addDetail,
      teamRetained
  },
  data () {
      return {
        currentTab: '1',
        overviewTab: '1',
        activeTab: '1',
        captainTab: '1'
      }
  }
}
</script>
